{layout name="layout2" /}
<style>
    .layui-form-label{
        width: 90px;
    }
</style>
<div class="layui-form" lay-filter="layuiadmin-form-user" id="layuiadmin-form-user" style="padding: 20px 30px 0 0;">
    <input type="hidden" value="{$info.id}" name="id">
    <div class="layui-form-item">
        <label class="layui-form-label">质保金比例：</label>
        <div class="layui-input-inline">
            <input type="number" min="1" max="100" name="quality_deposit_rate" value="{$info.service_info.quality_deposit_rate}" lay-verify="" lay-vertype="tips" placeholder="请输入质保金比例" autocomplete="off" class="layui-input">
            <label class="layui-form-mid layui-word-aux">请输入质保金比例(1-100)%</label>
        </div>
        <label class="layui-form-mid">%</label>
    </div>
    <div class="layui-form-item layui-hide">
        <input type="button" lay-submit lay-filter="quality-submit" id="quality-submit" value="确认">
    </div>
</div>
<script>
    layui.config({
        version:"{$front_version}",
        base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'form', 'element'], function(){
        var $ = layui.$
            ,form = layui.form
            ,element = layui.element;

        element.on('tab(quality_deposit)', function(){
            $('#type').val($(this).attr('data-type'));
        });
    })
</script>